<%@ page contentType="text/html;charset=UTF-8" %>
<%@include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
	<head>
<%-- 	    <%@include file="/WEB-INF/views/include/top.jsp" %> --%>
		<meta charset="UTF-8">
		<title>${compName }</title>
		<link rel="stylesheet" type="text/css" href="${ctxAssets }/css/pc/head.css"/>
		<link rel="stylesheet" type="text/css" href="${ctxAssets }/css/pc/footer.css"/>
		<link rel="stylesheet" type="text/css" href="${ctxAssets }/css/pc/iemt.css"/>
		<link rel="stylesheet" type="text/css" href="${ctxAssets }/css/lib/jquery-imagezoom/imagezoom.css"/>
		<script type="text/javascript" charset="utf-8" src="${ctxAssets }/js/pc/jquery-1.7.2.min.js" ></script>
		<script type="text/javascript" src="${ctxAssets }/js/lib/jquery-imagezoom/jquery.imagezoom.js"></script>
		<script type="text/javascript">
			G_WEB_ROOT = "<%=basePath%>";
		    $(function(){
		    	$(".jqzoom").imagezoom();
		    	//添加一个点击事件
		    	$(".color_ul li").click(function(){
		    		//切换颜色
		    		$(this).addClass("on").siblings().removeClass("on");
		    	});
		    	//添加商品数量
		    	$(".wrap_input .btn-add").click(function(){
		    		//获得input值
		    		var y = $("#buy_num").val();
		    		//转整
		    		x = parseInt(y)+1;
		    		$("#buy_num").val(x); 
		    		
		    	});
		    	//添加商品数量
		    	$(".wrap_input .btn-reduce").click(function(){
		    		//获得input值
		    		var y = $("#buy_num").val();
		    		//转整
		    		x = parseInt(y)-1;
		    		if(x>0){
		    		   $("#buy_num").val(x); 
		    		}
		    	});
		    });
		</script>
		<style type="text/css">
</style>

	</head>
	<body>
	<input id="productId" type="text" hidden="true" value="${productId }"> 
		<!--顶部公用-->
		<%@include file="/WEB-INF/views/include/pcHeader.jsp" %>
	    <!--头部end-->
	    
	    <!--轮播区域-->
<%-- 	    <%@include file="/WEB-INF/views/include/pcCarousel.jsp" %> --%>
	    <!--轮播区域-->
	    
	    <!--商品区-->
		<div class="w1200">
			<!--分类导航-->
			<div class="top_nv">
				<span><a href="${ctx}/pc/pcHome">首页</a></span>
				<span>></span>
				<span id="top_nv_classify"></span>
				<span>></span>
				<span id="top_nv_brand"></span>
			</div>
			<!--分类导航-->
			<div class="con_content">
				<!--提交区域-->
				<div class="con_top">
					<div class="con_top_l">
						<div class="tab-w">
							<!--放大镜-->
							<div class="divw">
								<a href="">
									<span class="zoomPad">
									<div class="tb-booth tb-pic tb-s310">
	    								<img id="tab-w_priImg" src="" rel="" class="jqzoom" />
<!-- 	    								<div style="top: 148px; left: 153.5px; width: 180px; height: 180px; position: absolute; border-width: 1px; display: none;" class="zoomPup"></div> -->
<!-- 	    								<div style="position: absolute; z-index: 500; left: 390px; top: 0px; display: none;" class="zoomWindow"> -->
<!-- 	    									<div style="width: 380px;" class="zoomWrapper"><div style="width: 100%; position: absolute; display: block;" class="zoomWrapperTitle"></div> -->
<!-- 	    									    <div style="width: 100%; height: 380px;" class="zoomWrapperImage"><img src="./image/con_c_2.png" style="position: absolute; border: 0px none; display: block; left: -5000px; top: 0px; width: 800px; height: 800px;"> -->
<!-- 	    									    </div> -->
<!-- 	    									</div> -->
<!-- 	    								</div> -->
									</div>
	    							</span>
								</a>
							</div>
							<!--放大镜-->
							<!--tab,ajax-->
							<div class="box-tab">
								<div class="ul-w">
									<div class="scrollContainer" style="width: 400px; left: 0px;">
										<ul id="als-wrapper" class="als-wrapper"></ul>
               						</div>
								</div>
								<div class="g_t_l_hd">
									<a href="javascript:;" class="btn l als-prev"></a>
									<a href="javascript:;" class="btn r als-next"></a>
								</div>
							</div>
							<!--tab,ajax-->
						</div>
					</div>
					<div class="con_top_r">
						<div id="detail_top" class="detail_top">
							<h1 class="detail_tit"></h1>
							<div class="price_wrap">
								<div class="detail_price">
									<span class="price_now showPrice"></span>
								</div>
								<div id="dmp">
									<div id="dp" class="d_bh arrow">
										<div class="arrow-right"></div>
									</div>
									<div id="mp" class="d_bh arrow" style="font-size: 12px;color: #000;">
										<!--<div class="arrow-right"></div>-->
									</div>
								</div>
							</div>
<%-- 							<link rel="stylesheet" href="${ctx}/assets/css/bootstrap.min.css"> --%>
							<div class="form-group">
								<div id="cpu" class="col-sm-6">
									<div  class="detail_freight">
										<span class="pop_tit">cpu：</span>
										<span class="pop_black"></span>
									</div>
								</div>
								<div id="rom" class="col-sm-6">
									<div  class="detail_freight">
										<span class="pop_tit ">ROM/磁盘：</span>
										<span id="freight" class="pop_black"></span>
									</div>
								</div>
								<div id="ram" class="col-sm-6">
									<div  class="detail_freight">
										<span class="pop_tit">内存：</span>
										<span class="pop_black"></span>
									</div>
								</div>
								<div id="resolution" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit ">分辨率：</span>
										<span class="pop_black"></span>
									</div>
								</div>
								<div id="camera" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit">摄像头：</span>
										<span class="pop_black"></span>
									</div>
								</div>
								<div id="screenSize" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit ">屏幕：</span>
										<span id="freight" class="pop_black"></span>
									</div>
								</div>
								<div id="card" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit">卡槽：</span>
										<span class="pop_black"></span>
									</div>
								</div>
								<div id="network" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit ">网络：</span>
										<span id="freight" class="pop_black"></span>
									</div>
								</div>
								<div id="master" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit">主机：</span>
										<span class="pop_black"></span>
									</div>
								</div>
								<div id="bag" class="col-sm-6">
									<divclass="detail_freight">
										<span class="pop_tit ">包：</span>
										<span id="freight" class="pop_black"></span>
									</div>
								</div>
								<div id="gcard" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit">显卡：</span>
										<span class="pop_black"></span>
									</div>
								</div>
								<div id="position" class="col-sm-6">
									<div class="detail_freight">
										<span class="pop_tit ">定位：</span>
										<span id="freight" class="pop_black"></span>
									</div>
								</div>
								<div id="recommend" class="col-sm-12">
									<div class="detail_freight">
										<span class="pop_tit">推荐理由：</span>
										<span class="pop_black"></span>
									</div>
								</div>
							</div>		
											
						</div>
					</div>
				</div>
				<!--提交区域end-->
				<div class="display">
					<div class="goods_box">
						<div class="detail_lists">
							<div class="d_h2">
								<h2>商品详情</h2>
							</div>
							<div id="content" class="detail_con">
							</div>
						</div>
					</div>
				</div>
	    		<!--展示区域end-->
	    	</div>
	    </div>
	   
	   
	    <!--商品区-->
	    <!--底部公用-->
<%@include file="/WEB-INF/views/include/pcFooter.jsp" %>
	    <!--底部end-->
	    <!--左侧导航-->
<%-- <%@include file="/WEB-INF/views/include/pcGuide.jsp" %> --%>
	    <!--左侧导航-->
	    
	    
<script js-main="" src="${ctx}/assets/js/require.js"></script>
<script src="${ctxAssets}/js/biz/include/pcHeader.js"></script>
<script src="${ctxAssets}/js/biz/include/pcCarousel.js"></script>
<script src="${ctxAssets}/js/biz/pcIemt.js"></script>
<!-- <script>$(function(){$(".jqzoom").imagezoom();})</script> -->
	</body>
</html>